<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="./css/style.css" rel="stylesheet" type="text/css">
<title>메뉴</title>
</head>
<body onload="MM_preloadImages('./images/menubar1.jpg','./images/menubar2.jpg','./images/menubar3.jpg','./images/menubar4.jpg')">

<!-- 스크립트 추가 2013-08-09 박민오 -->
<script type="text/javascript">

function MM_preloadImages() { //v3.0
	  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
	    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
	    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
	    }
	    
	    function MM_swapImgRestore() { //v3.0
	      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
	    }
	    
	    function MM_findObj(n, d) { //v4.01
	      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
	        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
	      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
	      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
	      if(!x && d.getElementById) x=d.getElementById(n); return x;
	    }
	    
	    function MM_swapImage() { //v3.0
	      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
	       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
	    }

</script>
<!-- 스크립트 추가 끝 2013-08-09 박민오 -->

<table width="750" align="center">
  <tr>
  	<td align="left"><a href="./main.html" target="_self"><img src="./images/logo2.jpg"></a></td>
    <td align="right" valign="bottom">
    	<a href="http://care-buddy.com" target="_top"><font class="exstyle">신기동물병원홈페이지 바로가기</font></a><br>
    <input type="button" class="logoutstyle" value="로그아웃" onclick="parent.location.replace('login.html');"></td>
  </tr>
  <tr>
    <td colspan=2 align="center"><img src="./images/menubar.jpg" width="750" height="60" border="0" usemap="#Map" id="Image1" />
</td>
  </tr>
</table>
      <map name="Map" id="Map">
        <area shape="rect" coords="6,7,251,54" href="expla.html" target="content" onmouseover="MM_swapImage('Image1','','./images/menubar1.jpg',1)" onmouseout="MM_swapImgRestore()" z/>
        <area shape="rect" coords="255,9,403,53" href="pages/petcare/wt_expla.html" target="content" onmouseover="MM_swapImage('Image1','','./images/menubar2.jpg',1)" onmouseout="MM_swapImgRestore()" />
        <area shape="rect" coords="406,7,565,51" href="pages/petcare/st_expla.html" target="content" onmouseover="MM_swapImage('Image1','','./images/menubar3.jpg',1)" onmouseout="MM_swapImgRestore()" />
        <area shape="rect" coords="569,7,741,51" href="pages/petcare/mypage.jsp" target="content" onmouseover="MM_swapImage('Image1','','./images/menubar4.jpg',1)" onmouseout="MM_swapImgRestore()" />
    </map>
</body>
</html>